<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Comunicados</title>
<link href="css/geral.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="js/jquery.js"  type="text/javascript"></script>
<script language="JavaScript" src="js/biblioteca.js"    type="text/javascript"></script>
<script type="text/javascript" src="crc_editor/ckeditor/ckeditor.js"></script>

<script>
$(function(){
	$("#fixo").html( $("#box_fixo").html() );
	var pos_fixo = $("#box_fixo").first().offset().top;
	
	$(window).scroll(function(event){
		var scroll_pos = bi.GetScrollY();
		if(scroll_pos >= pos_fixo){
			$("#fixo").show();
		}else{
			$("#fixo").hide();
		}
	});
	
	CKEDITOR.replace( "comunicado",{width: 920, height: 550,  language:"pt-br" ,font_defaultLabel:"Arial", fontSize_defaultLabel:"12px"});
	
	CKEDITOR.replace( "comunicado2",{width: 920, height: 550,  language:"pt-br" ,font_defaultLabel:"Arial", fontSize_defaultLabel:"12px"});
});

function criar_lista(){
	bi.LightboxExibe({lightbox: "criar_lista"});
	return false;
}

function lnk(end){
	window.location = end;
	//window.open(end, "_blank");
	return false;
}

function add_filtro(){
	var filtro = $("#grupo_filtro .botoes, #grupo_filtro2 .botoes");
	var el = $(".inner").first().clone();
	el.insertBefore( filtro );
	return false;
}

function ex_filtro(fn_el){
	var filtro = $(fn_el);
	var el = filtro.nextAll(".conteudo_filtro").first();
	bi.ajax_resposta = filtro;
	
	if(el.css("display") == "none"){
		filtro.find(".seta_b").removeClass("seta_b").addClass("seta_c");
		el.show();
	}else{
		filtro.find(".seta_c").removeClass("seta_c").addClass("seta_b");
		el.hide();
	}
	return false;
}

function del_filtro(fn_el){
	var filtro = $(fn_el);
	filtro.parents(".inner").remove();
	return false;
}

function filtrar(){
	var el = $("#filtro_ok");
	var pos = bi.GetPos({el: el});
	el.click();
	
	bi.ScrollTo({y: pos.topo - 50});
	return false;
}

// ------------------------------------

function passo1(){
	bi.MenuEsconde();
	bi.LightboxExibe({lightbox: "passo1"});
	bi.LightboxEsconde({lightbox: "passo2"});
	
	return false;
}

function passo2(){
	bi.MenuEsconde();
	bi.LightboxExibe({lightbox: "passo2"});
	bi.LightboxEsconde({lightbox: "passo1"});
	bi.LightboxEsconde({lightbox: "passo3"});
	
	return false;
}

function passo3(){
	bi.MenuEsconde();
	bi.LightboxExibe({lightbox: "passo3"});
	bi.LightboxEsconde({lightbox: "passo2"});
	
	return false;
}

function voltar(){
	bi.MenuEsconde();
	bi.LightboxEsconde();
	
	return false;
}
</script>
</head>

<body>

<!--Inicio [lightbox_mod]-->
<div id="passo1" class="lightbox pag_comunicado" style="display: none;">

	<span class="titulo">
    	<h1>Criar Comunicado - Passo 1</h1>
        <span class="fechar"><a href="#" class="botao_fechar"></a></span>
    </span>
    <span class="hr"></span>
    
    <div class="grupo">
		<br />
        <span class="subtitulo"><h3>Dados controle:</h3></span>
        <span class="hr"></span>
        
        <span class="item">
            <span class="lbl"><h3>Assunto</h3></span>
            <span class="inp"><input type="text" name="assunto" id="assunto" value="" style="width: 400px;"></span>
        </span>

        <span class="item">
            <span class="lbl"><h3>Data agendada</h3></span>
            <span class="inp">
                <input type="text" name="data" id="data" value="26/09/2014" style="width: 75px;">
                <input type="text" name="hora" id="hora" value="00:00:00" style="width: 55px;">
            </span>
        </span>

        <span class="item">
            <span class="lbl"><h3>Status</h3></span>
            <span class="inp">
            	<select name="status" id="status">
                    <option>Rascunho</option>
                    <option>Aguardando envio</option>
                </select>
            </span>
        </span>
	</div>
	
    <br />
    
    <span class="botoes" style="padding: 10px;">
        <a href="#" class="botao" onclick="return voltar();">Cancelar</a>
        <a href="#" class="botao ico"><span class="save"></span><span class="txt">Salvar</span></a>
        <a href="#" class="botao" onclick="return passo2();">Continuar</a>
        <!--<a href="#" class="botao" onclick="return passo2();">Salvar e abrir Passo 2</a>
        <a href="#" class="botao" onclick="return passo3();">Salvar e abrir Passo 3</a>-->
    </span>

</div>

<div id="passo2" class="lightbox pag_comunicado" style="display: none;">
	<span class="titulo">
    	<h1>Criar Comunicado - Passo 2</h1>
        <span class="fechar"><a href="#" class="botao_fechar"></a></span>
    </span>
    <span class="hr"></span>
    
    <div class="grupo">
		<br />
        <span class="subtitulo pointer">
        	<h3>Filtros destinatário: <span class="filtrando">(150 contatos)</span></h3>
            <!--<span class="filtro"><span class="seta_c"></span></span>-->
        </span>
        <span class="hr"></span>
		
        <!--Inicio [grupo_filtro]-->
        <span id="grupo_filtro2" class="conteudo_filtro">
            <span class="inner">
                <!--Inicio [submenu]-->
                <span class="submenu">
                    <span class="desc">Filtro 1</span>
                    <span class="filtrando">(50 contatos)</span>
                    <span class="opt">
                        <a href="#" onclick="return ex_filtro(this);" class="seta_c"></a>
                        <a href="#" onclick="return del_filtro(this);" class="del_black"></a>
                    </span>
                </span>
                <!--Fim [submenu]-->
                
                <!--Inicio [conteudo_filtro]-->
                <span class="conteudo_filtro">
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>Regional</h3></span>
                        <span class="inp">
                            <span class="select">
                                <span class="opt">
                                    <input type="checkbox" />
                                    <span class="txt">TIM Leste A4 nonon onono non nono nonono nono no</span>
                                </span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A5</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A6</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A7</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A8</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A9</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A10</span></span>
                            </span>
                        </span>
                    </span>
            
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>UF</h3></span>
                        <span class="inp">
                            <span class="select">
                                <span class="opt">
                                    <input type="checkbox" />
                                    <span class="txt">Rio de Janeiro</span>
                                </span>
                                <span class="opt"><input type="checkbox" /><span class="txt">São Paulo</span></span>
                            </span>
                        </span>
                    </span>
            
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>DDD</h3></span>
                        <span class="inp">
                            <span class="select">
                                <span class="opt">
                                    <input type="checkbox" />
                                    <span class="txt">11</span>
                                </span>
                                <span class="opt"><input type="checkbox" /><span class="txt">21</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">41</span></span>
                            </span>
                        </span>
                    </span>
                            
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>Área / Canal</h3></span>
                        <span class="inp">                        
                            <span class="select">
                                <span class="opt"><input type="checkbox" /><span class="txt">Tim Store</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">Boc</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">Local Marketing and Support</span></span>
                            </span>
                        </span>
                    </span>
            
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>Cargo</h3></span>
                        <span class="inp">                        
                            <span class="select">
                                <span class="opt"><input type="checkbox" /><span class="txt">Supervisor</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">Diretor</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">Area Manager / Dealer Manager</span></span>
                            </span>
                        </span>
                    </span>
                    
                </span>
                <!--Fim [conteudo_filtro]-->    
            </span>
            
            <span class="botoes" style="padding: 10px;">
                <a href="#" class="botao" onclick="return add_filtro();">Adicionar filtro</a>
                <a href="#" class="botao">Filtrar</a>
                <br /><br />
                <a href="#" class="botao" onclick="return voltar();">Cancelar</a>
                <a href="#" class="botao" onclick="return passo1();">Voltar</a>
                <a href="#" class="botao ico"><span class="save"></span><span class="txt">Salvar</span></a>
                <a href="#" class="botao" onclick="return passo3();">Continuar</a>
                <!--<a href="#" class="botao" onclick="return passo1();">Passo 1</a>
                <a href="#" class="botao" onclick="return passo3();">Passo 3</a>-->
            </span>

		</span>
        <!--Fim [grupo_filtro]-->
	</div>
</div>

<div id="passo3" class="lightbox pag_comunicado" style="display: none;">
	<span class="titulo">
    	<h1>Criar Comunicado - Passo 3</h1>
        <span class="fechar"><a href="#" class="botao_fechar"></a></span>
    </span>
    <span class="hr"></span>
    
    <div class="grupo">
		<br />
        <span class="subtitulo pointer" onclick="return ex_filtro(this);">
        	<h2>Conteúdo comunicado:</h2>
            <span class="filtro"><span class="seta_c"></span></span>
        </span>
        <span class="hr"></span>
		
        <span class="conteudo_filtro">
            <span class="item">
                <span class="lbl"><h3>Título</h3></span>
                <span class="inp"><input type="text" name="titulo" id="titulo" value="" style="width: 500px;"></span>
            </span>
            
            <br />
    
            <span class="item">
                <span class="lbl"><h3>Template</h3></span>
                <span class="inp">
                    <select name="template" id="template" style="width: 507px;">
                        <option></option>
                        <option>Natal</option>
                    </select>
                    <!--<a href="#" class="botao">Preview</a>-->
                </span>
            </span>        
            
            <br /><br />
            
            <textarea id="comunicado2"></textarea>
            
            <br />
            
            <span class="item">
                <span class="lbl"><h3>Fonte</h3></span>
                <span class="inp">
                    <textarea style="width: 900px; height: 300px;">Nonon onono nonono nonon - nono nonon&#10;Nonon onono nonono nonon - nono nonon&#10;Nonon onono nonono nonon - nono nonon&#10;Nonon onono nonono nonon - nono nonon</textarea>
                </span>
            </span>
        </span>
        
        <span class="botoes" style="padding: 10px;">
        	<a href="#" class="botao" onclick="return voltar();">Cancelar</a>
            <a href="#" class="botao" onclick="return passo2();">Voltar</a>
            <a href="#" class="botao ico"><span class="save"></span><span class="txt">Salvar</span></a>
            <a href="#" class="botao ico" onclick="return voltar();"><span class="save"></span><span class="txt">Concluir</span></a>
            <a href="#" class="botao ico"><span class="preview"></span><span class="txt">Preview</span></a>
            <!--<a href="#" class="botao" onclick="return passo1();">Passo 1</a>
            <a href="#" class="botao" onclick="return passo2();">Passo 2</a>-->
        </span>
	</div>
    
</div>
<!--Fim [lightbox_mod]-->


<!--Inicio [lightbox]-->
<div id="criar_lista" class="lightbox pag_comunicado" style="display: none;">
	<span class="titulo">
    	<h1>Criar Comunicado</h1>
        <span class="fechar"><a href="#" class="botao_fechar"></a></span>
    </span>
    <span class="hr"></span>
    <div class="grupo">
		<br />
        <span class="subtitulo"><h3>Dados controle:</h3></span>
        <span class="hr"></span>
        
        <span class="item">
            <span class="lbl"><h3>Assunto</h3></span>
            <span class="inp"><input type="text" name="assunto" id="assunto" value="" style="width: 400px;"></span>
        </span>

        <span class="item">
            <span class="lbl"><h3>Data agendada</h3></span>
            <span class="inp">
                <input type="text" name="data" id="data" value="26/09/2014" style="width: 75px;">
                <input type="text" name="hora" id="hora" value="00:00:00" style="width: 55px;">
            </span>
        </span>

        <span class="item">
            <span class="lbl"><h3>Status</h3></span>
            <span class="inp">
            	<select name="status" id="status">
                    <option>Rascunho</option>
                    <option>Aguardando envio</option>
                </select>
            </span>
        </span>

        <br /><br />
        <span id="filtro_ok" class="subtitulo pointer" onclick="return ex_filtro(this);">
        	<h3>Filtros destinatário: <span class="filtrando">(150 contatos)</span></h3>
            <span class="filtro"><span class="seta_b"></span></span>
        </span>
        <span class="hr"></span>
		
        <!--Inicio [grupo_filtro]-->
        <span id="grupo_filtro" class="conteudo_filtro" style="display: none;">
            <span class="inner">
                <!--Inicio [submenu]-->
                <span class="submenu">
                    <span class="desc">Filtro 1</span>
                    <span class="filtrando">(50 contatos)</span>
                    <span class="opt">
                        <a href="#" onclick="return ex_filtro(this);" class="seta_c"></a>
                        <a href="#" onclick="return del_filtro(this);" class="del_black"></a>
                    </span>
                </span>
                <!--Fim [submenu]-->
                
                <!--Inicio [conteudo_filtro]-->
                <span class="conteudo_filtro">
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>Regional</h3></span>
                        <span class="inp">
                            <span class="select">
                                <span class="opt">
                                    <input type="checkbox" />
                                    <span class="txt">TIM Leste A4 nonon onono non nono nonono nono no</span>
                                </span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A5</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A6</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A7</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A8</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A9</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A10</span></span>
                            </span>
                        </span>
                    </span>
            
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>UF</h3></span>
                        <span class="inp">
                            <span class="select">
                                <span class="opt">
                                    <input type="checkbox" />
                                    <span class="txt">Rio de Janeiro</span>
                                </span>
                                <span class="opt"><input type="checkbox" /><span class="txt">São Paulo</span></span>
                            </span>
                        </span>
                    </span>
            
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>DDD</h3></span>
                        <span class="inp">
                            <span class="select">
                                <span class="opt">
                                    <input type="checkbox" />
                                    <span class="txt">11</span>
                                </span>
                                <span class="opt"><input type="checkbox" /><span class="txt">21</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">41</span></span>
                            </span>
                        </span>
                    </span>
                            
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>Área / Canal</h3></span>
                        <span class="inp">                        
                            <span class="select">
                                <span class="opt"><input type="checkbox" /><span class="txt">Tim Store</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">Boc</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">Local Marketing and Support</span></span>
                            </span>
                        </span>
                    </span>
            
                    <span class="item">
                        <span class="lbl"><input type="checkbox" /><h3>Cargo</h3></span>
                        <span class="inp">                        
                            <span class="select">
                                <span class="opt"><input type="checkbox" /><span class="txt">Supervisor</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">Diretor</span></span>
                                <span class="opt"><input type="checkbox" /><span class="txt">Area Manager / Dealer Manager</span></span>
                            </span>
                        </span>
                    </span>
                    
                </span>
                <!--Fim [conteudo_filtro]-->    
            </span>
            
            <span class="botoes" style="padding: 10px;">
                <a href="#" class="botao" onclick="return add_filtro();">Adicionar filtro</a>
                <a href="#" class="botao" onclick="return filtrar()">Filtrar</a>
            </span>
		</span>
        <!--Fim [grupo_filtro]-->

		<br />
        
        <span class="subtitulo pointer" onclick="return ex_filtro(this);">
        	<h2>Conteúdo comunicado:</h2>
            <span class="filtro"><span class="seta_b"></span></span>
        </span>
        <span class="hr"></span>
		
        <span class="conteudo_filtro" style="display: none;">
            <span class="item">
                <span class="lbl"><h3>Título</h3></span>
                <span class="inp"><input type="text" name="titulo" id="titulo" value="" style="width: 500px;"></span>
            </span>
            
            <br />
    
            <span class="item">
                <span class="lbl"><h3>Template</h3></span>
                <span class="inp">
                    <select name="template" id="template" style="width: 507px;">
                        <option></option>
                        <option>Natal</option>
                    </select>
                    <!--<a href="#" class="botao">Preview</a>-->
                </span>
            </span>        
            
            <br /><br />
            
            <textarea id="comunicado"></textarea>
            
            <br />
            
            <span class="item">
                <span class="lbl"><h3>Fonte</h3></span>
                <span class="inp">
                    <textarea style="width: 900px; height: 300px;">Nonon onono nonono nonon - nono nonon&#10;Nonon onono nonono nonon - nono nonon&#10;Nonon onono nonono nonon - nono nonon&#10;Nonon onono nonono nonon - nono nonon</textarea>
                </span>
            </span>
        </span>
        
        <br />
        
        <div class="botoes">
        	<a href="#" class="botao" onclick="return voltar();">Cancelar</a>
            <a href="#" class="botao ico"><span class="save"></span><span class="txt">Salvar</span></a>
            <a href="#" class="botao ico"><span class="preview"></span><span class="txt">Preview</span></a>
        </div>
    </div>
</div>
<!--Fim [lightbox]-->

<!--Inicio [pag]-->
<div class="pag pag_comunicado">
	<!--Inicio [pag_banner]-->
    <div class="pag_banner">
    	<span class="wrap">
        	<span class="titulo">Projeto Informativo</span>
        </span>
    </div>
    <!--Fim [pag_banner]-->
    
    <div id="fixo" class="normal fixed" style="display: none; z-index: 11;"></div>
    
    <!--Inicio [pag_fixo]-->
    <div class="normal" id="box_fixo">
    
        <!--Inicio [pag_usuario]-->
        <div class="pag_usuario">
            <span class="wrap">
                <span class="logo"><img src="imgs/logo_tim.png" /></span>
                <span class="grupo">
                    <span class="nome"><h2>rubia@timbrasil.com.br</h2></span>
                    <a href="#" class="sair ico"><span class="logout"></span><span class="txt">Sair</span></a>
                </span>
            </span>
        </div>
        <!--Fim [pag_usuario]-->
        
        <!--Inicio [pag_menu]-->
        <div class="pag_menu">
            <span class="wrap">
                <ul>
                    <li><a href="home.html">Home</a></li>
                    <li><a href="contatos.html">Contatos</a></li>
                    <li><a href="campanhas.html">Campanhas</a></li>
                    <li><a href="comunicados.html" class="sel">Comunicados</a></li>
                    <li><a href="templates.html">Templates</a></li>
                </ul>
            </span>
        </div>
        <!--Fim [pag_menu]-->
    
    </div>
    <!--Fim [pag_fixo]-->
    
    <br />
    
    <!--Inicio [pag_body]-->
    <span class="pag_body">
    	<span class="wrap">
    		<span class="titulo">
            	<span class="ball"><span class="comunicados"></span></span>
                <h1>Comunicados</h1>
            </span>
		</span>
	</span>
    
    <span class="pag_body">
    	<span class="wrap">
            <span class="subtitulo pointer">
            	<h2>Critérios de pesquisa:</h2>
                <span class="filtro"><span class="seta_c"></span></span>
            </span>
            <span class="hr"></span>
            <div class="grupo">
            	<br />
                <span class="subtitulo"><h3>Dados comunicado:</h3></span>
                <span class="hr"></span>

                <span class="item">
                    <span class="lbl"><h3>Título</h3></span>
                    <span class="inp"><input type="text" name="filtro_titulo" id="filtro_titulo" value=""></span>
                </span>

                <span class="item">
                    <span class="lbl"><h3>Assunto</h3></span>
                    <span class="inp"><input type="text" name="filtro_assunto" id="filtro_assunto" value=""></span>
                </span>
                
                <span class="item">
                    <span class="lbl"><h3>Data agendada</h3></span>
                    <span class="inp">
                    	<input type="text" name="filtro_data" id="filtro_data" value="26/09/2014" style="width: 75px;">
                        <input type="text" name="filtro_hora" id="filtro_hora" value="00:00:00" style="width: 55px;">
                    </span>
                </span>
                
                <span class="item">
                    <span class="lbl"><h3>Status</h3></span>
                    <span class="inp">
                    	<select name="filtro_assunto" id="filtro_status" style="width: 100px;">
                        	<option></option>
                        	<option>Enviado</option>
                            <option>Rascunho</option>
                        </select>
                    </span>
                </span>
                
                <br />             

                <span class="subtitulo"><h3>Filtros destinatário:</h3></span>
                <span class="hr"></span>

                <span class="item">
                    <span class="lbl"><input type="checkbox" /><h3>Regional</h3></span>
                    <span class="inp">
                        <span class="select">
                            <span class="opt">
                                <input type="checkbox" />
                                <span class="txt">TIM Leste A4 nonon onono non nono nonono nono no</span>
                            </span>
                            <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A5</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A6</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A7</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A8</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A9</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">TIM Leste A10</span></span>
                        </span>
                    </span>
                </span>
        
                <span class="item">
                    <span class="lbl"><input type="checkbox" /><h3>UF</h3></span>
                    <span class="inp">
                        <span class="select">
                            <span class="opt">
                                <input type="checkbox" />
                                <span class="txt">Rio de Janeiro</span>
                            </span>
                            <span class="opt"><input type="checkbox" /><span class="txt">São Paulo</span></span>
                        </span>
                    </span>
                </span>
        
                <span class="item">
                    <span class="lbl"><input type="checkbox" /><h3>DDD</h3></span>
                    <span class="inp">
                        <span class="select">
                            <span class="opt">
                                <input type="checkbox" />
                                <span class="txt">11</span>
                            </span>
                            <span class="opt"><input type="checkbox" /><span class="txt">21</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">41</span></span>
                        </span>
                    </span>
                </span>
                        
                <span class="item">
                    <span class="lbl"><input type="checkbox" /><h3>Área / Canal</h3></span>
                    <span class="inp">                        
                        <span class="select">
                            <span class="opt"><input type="checkbox" /><span class="txt">Tim Store</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">Boc</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">Local Marketing and Support</span></span>
                        </span>
                    </span>
                </span>
        
                <span class="item">
                    <span class="lbl"><input type="checkbox" /><h3>Cargo</h3></span>
                    <span class="inp">                        
                        <span class="select">
                            <span class="opt"><input type="checkbox" /><span class="txt">Supervisor</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">Diretor</span></span>
                            <span class="opt"><input type="checkbox" /><span class="txt">Area Manager / Dealer Manager</span></span>
                        </span>
                    </span>
                </span>  
                
                <div class="botoes">
                    <a href="#" class="botao ico"><span class="search"></span><span class="txt">Buscar</span></a>
                </div>
            </div>
		</span>
	</span>

    <span class="pag_body">
    	<span class="wrap">        
            <span class="subtitulo"><h2>Lista de comunicados:</h2></span>
            <span class="hr"></span>
            <br />
            <table class="tabela" border="0" cellspacing="0" cellpadding="0">
            	<tr class="head">
                	<td width="30%"><h3>Título</h3></td>
                    <td width="30%"><h3>Assunto</h3></td>
                    <td width="10%"><h3>Data agendada</h3></td>
                    <td width="5%"><h3>Contatos</h3></td>
                    <td width="5%"><h3>Status</h3></td>
                    <td width="12%"><h3>Ação</h3></td>
                </tr>
                <tr>
                	<td><h3>Comunicado vip</h3></td>
                    <td><h3>Comunicado de Natal 2013</h3></td>
                    <td><h3>26/09/2014 00:00:00</h3></td>
                    <td><h3>300</h3></td>
                    <td><h3>Enviado</h3></td>
                    <td>
                    	<a href="#" class="botao ico" title="Relatório" onclick="return lnk('relatorios.html');"><span class="relatorios"></span></a>
                        <a href="#" class="botao ico" title="Editar"><span class="edit"></span></a>
                        <a href="#" class="botao ico" title="Opções" onclick="return bi.Menu({el: this, pos: 'td', opcoes: ['Duplicar'], funcao: ['']});"><span class="gear"></span></a>
                    </td>
                </tr>
                <tr>
                	<td><h3>Comunicado super vip</h3></td>
                    <td><h3>Comunicado desconto aparelhos nonon onono nononon onnonon ononon onononon onnonon nonon ononono nononon onono</h3></td>
                    <td><h3>26/09/2014 14:30:00</h3></td>
                    <td><h3>0</h3></td>
                    <td><h3>Rascunho</h3></td>
                    <td>
                    	<a href="#" class="botao ico" title="Relatório" onclick="return lnk('relatorios.html');"><span class="relatorios"></span></a>
                        <a href="#" class="botao ico" title="Editar"><span class="edit"></span></a>
                        <a href="#" class="botao ico" title="Opções" onclick="return bi.Menu({el: this, pos: 'td', opcoes: ['Passo 1', 'Passo 2', 'Passo 3', 'Excluir'], funcao: ['passo1();', 'passo2();', 'passo3();', '']});"><span class="gear"></span></a>
                    </td>
                </tr>
            </table>
            
            <div class="botoes">
            	<!--<a href="#" class="botao ico" onclick="return criar_lista();"><span class="plus"></span><span class="txt">Criar comunicado</span></a>-->
                <a href="#" class="botao ico" onclick="return passo1();"><span class="plus"></span><span class="txt">Criar comunicado</span></a>
            </div>
            
            <div class="paginacao">
            	<span class="grupo">
                    <a href="#" onclick="return paginacao(1)">&lt;</a>
                    <a href="#" onclick="return paginacao(1)">1</a>
                    <a href="#" class="sel" onclick="return paginacao(2)">2</a>
                    <a href="#" onclick="return paginacao(3)">3</a>
                    <a href="#" onclick="return paginacao(3)">&gt;</a>
                </span>
            </div>
            
            <!--<span style="position: relative; display: block; height: 700px;"></span>-->
        </span>
    </span>
    <!--Fim [pag_body]-->
    
    <!--Inicio [pag_foot]-->
    <!--<div class="pag_foot">
    	<span class="wrap">
    		<a href="#">Algum link</a>
            <a href="#">Outra informação</a>
        </span>
    </div>-->
    <!--Fim [pag_foot]-->
</div>
<!--Fim [pag]-->

</body>

</html>
